<!DOCTYPE html>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台</title>
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link rel="stylesheet" th:href="@{/assets/css/loading.css}">
    <link rel="stylesheet" th:href="@{/assets/css/living.css}"/>
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>
<!--loading 加载层-->
<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div class="object" id="object_four"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_one"></div>
        </div>
    </div>
</div>


<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <!-- begin #header -->
    <div th:replace="~{head.html :: head_nav_other(${session.user.realName},@{/archives/index},@{/archives/favorite})}"></div>
    <!-- end #header -->

    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin breadcrumb -->
        <ol class="breadcrumb cmp-breadcrumb">
            <li>
                <a th:href="@{/archives/index}"><i class="fa fa-home fa-lg fa-fw"></i><span class="context-span">&nbsp;主页</span></a>
            </li>
            <li>
                <a href="javascript:base.back();"><i class="fa fa-arrow-left fa-lg"></i><span class="context-span">&nbsp;后退</span></a>
            </li>
            <li class="active">
                <a href="javascript:location.reload();"><i class="fa fa-refresh fa-fw nowrap"></i><span class="context-span" id="title">&nbsp;原告.......</span></a>
            </li>
        </ol>
        <!-- end breadcrumb -->
        <div class="panel cmp-panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-8 col-xs-12">
                        <div class="well ">
                            <ul class="nav nav-tabs nav-live cmp-nav-live" role="tablist">
                                <li role="presentation" class="active" ><a href="javascript:void(0);"><span>合成画面</span></a></li>
                                <li role="presentation"><a href="javascript:void(0);"><span>激励画面</span></a></li>
                            </ul>
                            <div class="vlc">
                                <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
                                        width="100%"
                                        height="100%"
                                        id="vlc"
                                        events="True">
                                    <param name="MRL" value="" />
                                    <param name="ShowDisplay" value="True" />
                                    <param name="AutoLoop" value="False" />
                                    <param name="AutoPlay" value="False" />
                                    <param name="Volume" value="50" />
                                    <param name="toolbar" value="true" />
                                    <param name="StartTime" value="0" />
                                    <EMBED pluginspage="http://www.videolan.org"
                                           type="application/x-vlc-plugin"
                                           version="VideoLAN.VLCPlugin.2"
                                           width="100%"
                                           height="100%"
                                           toolbar="true"
                                           bgcolor = "white"
                                           loop="true"
                                           text="Waiting for video"
                                           name="vlc">
                                    </EMBED>
                                </object>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-12">
                        <div class="well ">
                            <ul class="nav nav-tabs nav-court" role="tablist" id="nav-court">
                                <li role="presentation" class="active" id="_nav_court_info"><a href="javascript:void(0);"><span>案件信息</span></a></li>
                                <!--<li role="presentation" id="_nav_court_p"><a href="javascript:void(0);"><span>庭审成员</span></a></li>-->
                            </ul>
                            <div id="_court_info" hidden="hidden"></div>
                            <div id="_court_case" hidden="hidden">
                                <div class="row">
                                    <div class=" col-md-6 col-xs-6" id="judge_name">
                                        <a>
                                            <div class="pull-left img-rounded"><span></span></div>
                                            <img src="../../assets/img/court_person.PNG" class="img-rounded img-responsive">
                                        </a>
                                    </div>
                                    <div class="col-md-6 col-xs-6" id="secretary_name">
                                        <a>
                                            <div class="pull-left img-rounded"><span></span></div>
                                            <img src="../../assets/img/court_person.PNG" class="img-rounded">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- ================== BEGIN BASE JS ================== -->
<div th:replace="head :: footer_js(~{::script})">
    <script type="text/javascript"
            th:src="@{/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
    <script type="text/javascript"
            th:src="@{/assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"
            charset="UTF-8"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-paginator/bootstrap-paginator.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/echart/echarts.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/echart/shine.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/echart/macarons.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/icheck-1.0.2/icheck.min.js}"></script>

    <script type="text/javascript" th:src="@{/assets/plugins/NaiveIM/naiveIM.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/chat/strophe.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/chat/subscribe.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/chat/message.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/chat/xml2json.js}"></script>

    <script type="text/javascript" th:src="@{/assets/js/ws_heart_beat.js}"></script>

    <script th:inline="javascript">
        var caseMap = [[${caseMap}]];
        var realName = [[${session.user.realName}]];

    </script>
    <script type="text/javascript" th:src="@{/assets/js/archives/living.js}"></script>

    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
</body>
</html>